import http from '../../../../services/http/index'
import {
  ListData
} from '../../../../utils/Data'
import {
  PlainData
} from '../../../../utils/Data'
let util = require('../../../../utils/index')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    cityArray: [], //选择城市

    cheAgeArray: ['1年', '2年', '3年', '4年', '5年', '6年', '7年', '8年', '9年', '10年', '11年', '12年', '13年', '14年', '15年', '16年',
      '17年', '18年', '19年', '20年', '21年', '22年', '23年', '24年', '25年', '26年', '27年', '28年', '29年', '30年', '31年', '32年', '33年', '34年', '35年', '36年', '37年', '38年', '39年', '40年', '41年', '42年', '43年', '44年', '45年', '46年', '47年', '48年', '49年', '50年'
    ], //选择车的使用年龄
    userCheAgeArray: ['1年', '2年', '3年', '4年', '5年', '6年', '7年', '8年', '9年', '10年', '11年', '12年', '13年', '14年', '15年', '16年',
      '17年', '18年', '19年', '20年', '21年', '22年', '23年', '24年', '25年', '26年', '27年', '28年', '29年', '30年', '31年', '32年', '33年', '34年', '35年', '36年', '37年', '38年', '39年', '40年', '41年', '42年', '43年', '44年', '45年', '46年', '47年', '48年', '49年', '50年'
    ], //选择您的驾驶龄年龄
    index1: 0,
    index2: 0,
    index3: 0,
    mobile: '',

    real_name: '',
    city: ['请选择您所在的城市'],
    cheAge: '',
    userChe: '',
    checks1: '',
    checks2: '',
    password: '',
    password_confirmation: '',
    confirmBtn: {
      disabled: true
    },

    infoList: [] //获取申请返回的列表

  },
  getCity() {
    wx.showToast({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中”
      title: '加载中',
      icon: 'loading',
    });
    // 请求-"城市"列表
    var that = this;
    http.getCity()
      .then(data => {
        wx.hideToast();
        var itemCityListData = Object.assign(new ListData(), {
          data: data
        })
        console.log(data)
        that.setData({
          cityArray: itemCityListData.data
        });
      })
  },

  // 输入change
  changeInput: function(e) {
    console.log(e);
    let type = e.target.dataset.type;
    this.setData({
      [type]: e.detail.value
    })
    this.pandunKong();
  },

  // 选择城市
  bindPickerChange1: function(e) {
    this.setData({
      index1: e.detail.value,
      city: this.data.cityArray[e.detail.value].name,
      city_id: this.data.cityArray[e.detail.value].id
    })
    this.pandunKong();
  },
  // 选择车的使用年龄
  bindPickerChange2: function(e) {
    this.setData({
      index2: e.detail.value,
      cheAge: this.data.cheAgeArray[e.detail.value]
    })
    this.pandunKong();
  },
  // 选择您的驾驶龄年龄
  bindPickerChange3: function(e) {
    this.setData({
      index3: e.detail.value,
      userChe: this.data.userCheAgeArray[e.detail.value]
    })
    this.pandunKong();
  },
  // 选中-基本条例
  checkboxChange1: function(e) {
    if (e.target.dataset.checks == 0 || e.target.dataset.checks == '') {
      this.setData({
        checks1: 1
      })
    } else {
      this.setData({
        checks1: 0
      })
    }
    this.pandunKong();
  },
  // 选中-车主服务条例
  checkboxChange2: function(e) {
    console.log(e.target.dataset.checks)
    if (e.target.dataset.checks == 0 || e.target.dataset.checks == '') {
      this.setData({
        checks2: 1
      })
    } else {
      this.setData({
        checks2: 0
      })
    }
    this.pandunKong();
  },

  next() {
    util.default.go('../step3/RegisterStep3?infoList=' + JSON.stringify(that.data.courseInfo.pinList))
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var that = this;
    console.log('查看携带的电话号码');
    that.setData({
      mobile: options.mobile
    })
    console.log(options);
    // 请求 - "城市"列表
    that.getCity();
    console.log('111')
    console.log(that.data.cityArray)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  pandunKong() {
    var that = this;
    var real_name = that.data.real_name;
    var city = that.data.city;
    var cheAge = that.data.cheAge;
    var userChe = that.data.userChe;
    var checks1 = that.data.checks1;
    var checks2 = that.data.checks2;
    var pass1 = that.data.password;
    var pass2 = that.data.password_confirmation

    if (real_name == '' || city == '' || city == '请选择您所在的城市' || cheAge == '' || userChe == '' || checks1 == 0 || checks2 == 0 || pass1 == '' || pass2 == '') {
      // wx.showToast({
      //   title: `请输入完整信息`,
      //   icon: 'none'
      // });
      that.setData({
        'confirmBtn.disabled': true
      })
    } else {
      that.setData({
        'confirmBtn.disabled': false
      })
    }
  },

  formSubmit: function(e) {
    var that = this;
    console.log('form发生了submit事件，携带数据为：')
    var form = e.detail.value;
    var isValid = true;
    for (var key in form) {
      if (typeof form[key] == 'string') {
        if (!form[key]) {
          isValid = false;
        }
      }
    };

    if (!isValid) {
      wx.showToast({
        title: `请输入完整信息`,
        icon: 'none'
      });
      return false;
    }

    if (form.password != form.password_confirmation) {
      wx.showToast({
        title: `请输入相同的密码`,
        icon: 'none'
      });
      return false;
    }

    if (that.data.checks1 == 0 || that.data.checks2 == 0) {
      wx.showToast({
        title: `请确认您已阅读并同意相关条例`,
        icon: 'none'
      });
      return false;
    }

    // 提交数据---提交注册信息（第三步）
    var param = ({
      city_id: form.city_id,
      real_name: form.real_name,
      car_age: form.car_age,
      driver_age: form.driver_age,
      password: form.password,
      password_confirmation: form.password_confirmation,
      is_agree_use_rule: 1, //是否同意skycar基本使用条例
      is_agree_driver_rule: 1, //是否同意skycar车主使用条例
    })
    wx.showToast({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中”
      title: '加载中',
      icon: 'loading',
    });
    http.registerSan(param).then(data => {
      var itemData = Object.assign(new ListData(), {
        data: data
      })
      wx.hideToast();
      // 申请成功后跳转
      wx.navigateTo({
        url: '../step3/RegisterStep3?mobile=' + that.data.mobile + '&infoList=' + JSON.stringify(itemData.data)

      })
    })

  },

})